<template>
  <div class="home-page">
    <Banner  />
    <LatestNews/>
    <ProductSection />
    <Other/>
    <EcoEarth/>
    <NewsSection />
<!--    <Banner/>-->
  </div>
</template>

<script setup>
defineOptions({
  name: 'Home'
})

import Banner from '@/components/Banner.vue'
import ProductSection from '@/components/home/ProductSection.vue'
import NewsSection from '@/components/home/NewsSection.vue'
import LatestNews from '@/components/home/LatestNews.vue'
import EcoEarth from '@/components/home/EcoEarth.vue'
import Other from "@/components/home/Other.vue";
</script>

<style scoped>
.home-page {
  padding-top: 80px;
}
</style>
